<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物流程-{{$SEO['title']}}</title>
    <meta name="keywords" content="{{$SEO['keywords']}}"/>
    <meta name="description" content="{{$SEO['description']}}"/>

    <!--公用css引用-->
    @include('front.common.style')
            <!--END/公用css引用-->
    <link rel="stylesheet" href="../dist/css/docCenter.css">
</head>
<body>

<!--公共头部-->
@include('front.common.header')
        <!--END/公共头部-->

<div class="inbox doc-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">

            @include('front.common.leftnav-doc')
        </div>

        <!--主体部分-->
        <div class="container">
            <div class="container-inner doc-wrap">
                <div class="ui-brd-box1">
                    <div class="doc-tit">
                        <span class="h">购物流程</span>
                    </div>

                    <div class="inner-wrap step-wrap">
                        <img src="../images/help/buy-step.jpg" alt="购物流程">
                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">1</span>注册并登录网站</span>
                        </div>

                        <p class="text">1.新用户注册：点击首页顶部“注册”进入注册页面后输入邮箱地址、用户名、密码及验证码，按照提示完成注册。</p>
                        <p class="text">2.老用户登录：点击首页顶部“登录”进入登录页面输入账号、密码进行登录。</p>
                        <div class="fn-tc">
                            <img class="img" src="../images/help/login-1.png" alt="">
                        </div>
                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">2</span>加入购物车</span>
                        </div>
                        <p class="text">1.挑选商品后，您可以“立即购买”或者“加入购物车”；</p>
                        <p class="text">2.在购物车中，系统默认每件商品的订购数量为1件，如果您想购买多件商品，可修改购买数量；</p>
                        <p class="text">3.在购物车中，您可以将商品单个或批量删除</p>

                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">3</span>提交订单</span>
                        </div>
                        <p class="text">1.浏览要购买的商品，选择购买数量点击“立即购买”，直接结算；</p>
                        <p class="text">2.或者在购物车中，选择好商品及数量后“去结算”；</p>
                        <p class="text">3. 填写购物人信息，收货信息，使用优惠券等。</p>
                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">4</span>支付货款</span>
                        </div>
                        <p class="text">确认无误后点击“提交订单”，生成新订单并显示订单编号，跳转至支付选择页面选择支付方式。</p>
                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">5</span>查看订单状态</span>
                        </div>
                        <p class="text">您可进入“个人中心”→“我的订单”查看订单详细信息。</p>
                    </div>

                    <div class="inner-wrap">
                        <div class="tit-1 tit-skin-3">
                            <span class="h"><span class="icon icon-roll">6</span>订单状态</span>
                        </div>
                        <p class="text">在“个人中心”→“我的订单”中您可以查看到您订单的状态。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">1. 等待付款</p>
                        <p class="text">当您提交订单但未支付货款时，订单状态将显示为等待付款。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">2. 已发货</p>
                        <p class="text">当您的订单已由库房发出，正由快递公司送货，“订单状态”将显示已发货。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">3. 交易成功</p>
                        <p class="text">当您签收商品之后，也就是物流得到签收完成后，“订单状态”即显示交易成功。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">4. 等待发货</p>
                        <p class="text">当您的订单已经完成配货，正在等待发货时，订单状态将显示“等待发货”。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">5. 订单关闭</p>
                        <p class="text">当您的订单已被关闭，订单状态将显示“订单关闭”。</p>
                        <p class="text">&nbsp;</p>
                        <p class="text">6. 交易失败</p>
                        <p class="text">当您支付后，商品未发货之前，如果您想取消订单，则后台客服可以将订单设为交易失败。</p>
                    </div>

                </div>

            </div>

        </div>
        <!--END/主体部分-->

    </div>
</div>

<!--公共尾部-->
@include('front.common.footer')
        <!--END/公共尾部-->

<!--公用js引用-->
@include('front.common.script')
        <!--END/公用js引用-->
<script src="../dist/js/help.js"></script>

</body>
</html>